/* @media screen and (min-width:0\0) */

@charset'utf-8';
@import'theme';
@import'color';
@import'model-beta';
@import'common';
html, body {
    width: 100%;
    height: 100%;
    font-size: 13px;
}
a {
    text-decoration: none;
}
* {
    margin: 0 auto;
    font-family: 'icomoon', "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", sans-serif!important;
}
._topblock {
    width: 100%;
    height: 5.5rem;
}
._menublock {
    position: fixed;
    width: 100%;
    height: 0;
    z-index: 998;
    top: 0;
    left: 0;
    &.focus {
        height: 100%;
    }
}
._top {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 5.5rem;
    background-color: $themeColor;
    color: $fontColor;
    line-height: 3.5rem;
    box-shadow: 0 0 10px 1px rgba($gray, 0.6);
    padding-bottom: 2px;
    @include comic(.15);
    &.focus{
        top: -3.5rem;
    }
    .btnbox{
        height: 2rem;
        .item{
            display: inline-block;
            vertical-align: top;
            line-height: 2rem;
            text-align: center;
            width: 20%;
            border-bottom: 0;
            @include comic(.25);
            &.focus{
                border-bottom: 2px solid $btnHover;
            }
        }
    }
    .searchbox{
        text-align: center;
        position: absolute;
        width: 96%;
        padding: 0 2%;
        height: 3.5rem;
        line-height: 3.5rem;
        top: -5rem;
        left: 0;
        background-color: $themeColor;
        z-index: 1001;
        font-size: 15px;
        @include comic(0.2);
        &.focus{
            top: 0  ;
        }
        .searchinner{
            line-height: 2.5rem;
            height: 2.5rem;
            margin: .5rem 0;
            padding: 0;
            border-bottom: 1px solid $fontColor;
            a{
                display: inline-block;
                vertical-align: top;
                height: 2.5rem;
                line-height: 2.5rem;
                padding: 0 .5rem;
            }
            input{
                width: 75%;
                background-color: transparent;
                border: 0;
                line-height: 1em;
                padding: 0.2rem 0.5rem;
                color: $fontColor;
                outline: none;
            }
        }
    }
    [class^="icon-"], [class*=" icon-"]{
        &:before{
            font-size: 1.3rem;
        }
    }
    a {
        text-decoration: none;
        color: $fontColor;
    }
    ._top_left {
        display: inline-block;
        vertical-align: top;
        width: 46%;
        padding: 0 2%;
        a {
            display: inline-block;
            vertical-align: top;
            height: 3.5rem;
            width: 2rem;
            text-align: center;
            margin-right: 0.2rem;
            line-height: 3.5rem;
        }
    }
    ._top_right {
        display: inline-block;
        ;
        vertical-align: top;
        width: 46%;
        padding: 0 2%;
        text-align: right;
        a {
            display: inline-block;
            vertical-align: top;
            width: 2rem;
            height: 3.5rem;
            text-align: center;
            line-height: 3.5rem;
            margin-left: 0.2rem;
        }
    }
}
._menu {
    a {
        text-decoration: none;
        color: $fontColor;
    }
    position: fixed;
    z-index: 999;
    left: 0;
    top: -10rem;
    width: 100%;
    text-align: center;
    // box-shadow: 0 1px 6px 0 $black;
    @include comic(0.1);
    &.focus {
        top: 3.5rem;
    }
    ._menu_item {
        height: 2.5rem;
        line-height: 2.5rem;
        border-top: 1px solid $white;
        background-color: $themeColor;
        a {
            color: $fontColor;
        }
    }
}
._topinfo {
    width: 100%;
    text-align: center;
    ._storename {
        width: 100%;
        font-size: 1.5rem;
        font-weight: bold;
        padding: 0.5rem 0;
    }
    // ._search_box {
    //     background-color: $white;
    //     width: 20rem;
    //     border: 1px solid #ddd;
    //     border-radius: 10.1rem;
    //     padding: 0.2rem 0;
    //     ._search_input {
    //         padding: 0 0.5rem;
    //         height: 1.8rem;
    //         width: 15.2rem;
    //         border: 0;
    //         line-height: 1rem;
    //         outline: none;
    //     }
    //     .icon-search {
    //         width: 1.8rem;
    //         border: 0;
    //         height: 1.8rem;
    //         outline: none;
    //         background-color: rgba($white, 0);
    //     }
    // }
}
.picwall {
    margin-top: 1.5rem;
    @include comic(0);
    width: 100%;
    overflow: hidden;
    .clearfix {
        *zoom: 1;
    }
    .clearfix:after {
        clear: both;
        content: '';
        display: block;
        height: 0;
        visibility: hidden;
    }
    .carosule {
        height: 100%;
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    .pic-show {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .pic {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
    }
    .pic img {
        width: 100%;
        height: 100%;
        display: block;
        border: 0 none;
    }
}
.nav {
    padding-top: 1.5rem !important;
    width: 100%;
    text-align: center;
    .btn {
        border: 0;
        width: 3.4rem;
        height: 3.4rem;
        padding: 0.5rem;
        line-height: 1.1rem;
        border-radius: 50%;
        margin: 0 1rem;
        outline: none;
        box-shadow: 0 0 10px 0 rgba($gray, 0.8);
        background-color: $themeColor;
        color: $fontColor;
    }
}
._main_goods {
    width: 92%;
    padding: 0 4%;
}
.maingoods {
    margin-top: 1.5rem;
    width: 100%;
    border-radius: 2px;
    overflow: hidden;
    padding-bottom: 0.5rem;
    background-color: rgba($white, 0.7);
    margin-bottom: 1.5rem;
    box-shadow: 0 6px 20px 3px $black;
    .goodsimg {
        width: 100%;
        overflow: hidden;
        img {
            width: 100%;
        }
    }
    .goodsinfo {
        width: 100%;
        .infoitem {
            line-height: 1.5rem;
            padding: 0.3rem 0.5rem;
            @include newLine;
            .name {
                color: $black;
            }
            .intro {
                color: $silver;
                @include Line(2);
            }
            .price {
                font-size: 15px;
                color: $red;
            }
            .item {
                width: 50%;
                display: inline-block;
                &.right {
                    text-align: right;
                }
            }
            .i {
                width: 20px;
                height: 20px;
                display: inline-block;
                margin-right: 15px;
                text-align: center;
                line-height: 20px;
                &.icon-sina-weibo, &.icon-qq, &.icon-renren {
                    &:before {
                        font-size: 20px;
                    }
                }
            }
        }
    }
}
.goods_list {
    position: relative;
    width: 100%;
    margin: 1.5rem 0;
    padding: 1.5rem 0;
    .tagtitle {
        padding-left: 0.5rem;
        font-size: 16px;
    }
    .chooselist {
        top: 5.5rem;
        height: 3rem;
        left: 0;
        width: 100%;
        text-align: center;
        position: fixed;
        background-color: rgba($gray, 0.6);
        div {
            display: inline-block;
            line-height: 3rem;
            color: $fontColor;
            margin: 0 1.5rem;
            &.focus {
                color: $btnHover;
            }
        }
    }
    .getmore {
        text-align: center;
        padding: 1.5rem 0;
        .btn {
            border: 0;
            padding: 0;
            margin: 0;
            width: 160px;
            height: 2.5rem;
            line-height: 2.5rem;
            outline: none;
            background-color: $themeColor;
            color: $fontColor;
        }
    }
}
.listitem {
    padding: 0.2rem 0.5rem;
    margin: 0.5rem 0;
    background-color: rgba($white, 0.5);
    box-shadow: 0 0 6px 0px rgba($gray, 0.3);
    .goodsimg {
        display: inline-block;
        width: 25%;
        text-align: center;
        vertical-align: top;
        img {
            width: 60px;
            height: 60px;
        }
    }
    .goodsinfo {
        display: inline-block;
        vertical-align: top;
        line-height: 20px;
        width: 75%;
        .name {
            width: 100%;
            height: 40px;
            color: $black;
            @include Line(2);
            .detail {
                color: $gray;
            }
        }
        .sale {
            color: $silver;
            .sitem {
                display: inline-block;
                width: 50%;
                .price {
                    color: $red;
                }
            }
        }
    }
}
.goods_details {
    width: 100%;
    padding-top: 1.5rem;
    .goodsimg {
        width: 100%;
        overflow: hidden;
        padding-bottom: 1.5rem;
        .bigbox {
            position: relative;
            background-color: rgba($white, 0.5);
            width: 100%;
            overflow: hidden;
            .movebox {
                width: 100%;
                position: relative;
                @include breakLine;
                .bigimg {
                    width: 100%;
                    display: inline-block;
                    vertical-align: top;
                }
            }
            .pricebox {
                position: absolute;
                height: 50px;
                width: 96%;
                padding: 0 2%;
                background-color: rgba($grayLight, 0.5);
                color: $white;
                bottom: 0;
                line-height: 50px;
                .itemleft {
                    font-size: 20px;
                    color: $red;
                    font-weight: lighter;
                    display: inline-block;
                    width: 50%;
                }
                .itemright {
                    display: inline-block;
                    width: 50%;
                    text-align: right;
                }
            }
        }
        .smallbox {
            width: 96%;
            padding: 0 2%;
            margin-top: 20px;
            .smallimg {
                margin-right: 10px;
            }
        }
    }
    .goodsinfo {
        width: 96%;
        padding: 1rem 2%;
        background-color: rgba($white, 0.7);
        .titlebar {
            font-size: 18px;
            margin-bottom: 10px;
            .i {
                margin: 0 0.5rem;
                display: inline-block;
                &.icon-sina-weibo, &.icon-qq, &.icon-renren {
                    &:before {
                        font-size: 20px;
                    }
                }
            }
        }
        .intro {
            color: $gray;
            line-height: 20px;
        }
        .saleinfo {
            width: 100%;
            .item {
                width: 50%;
                display: inline-block;
            }
        }
    }
    .bottomblock {
        height: 60px;
        width: 100%;
    }
    .floatbtnbox {
        width: 100%;
        padding: 0;
        height: 3.5rem;
        line-height: 3.5rem;
        position: fixed;
        z-index: 1006;
        bottom: 0;
        text-align: center;
        background-color: $white;
        box-shadow: 0 0 10px 0 rgba($gray, 0.6);
        .one{
            display: inline-block;
            width: 45%;
            vertical-align: top;
            background-color: #d0d0d0;
            .price{
                font-size: 1.5rem;
                padding-right: .2rem;
                color: $red;
            }
        }
        .buy{
            display: inline-block;
            vertical-align: top;
            width: 55%;
            overflow: hidden;
            font-size: 1.5rem;
            color: $fontColor;
            background-color: $black;
            text-align: left;
            height: 3.5rem;
            @include breakLine;
            .icon-cart2{
                display: inline-block;
                width: 20%;
                text-align: center;
                background-color: rgba($themeColor,.8);
            }
            .method{
                width: 80%;
                text-align: center;
                display: inline-block;
                vertical-align: top;
                background-color: $themeColor;
            }
            *{
                line-height: 3.5rem;
                font-size: 1.5rem;
            }
        }
        // .num {
        //     margin: 0 0.5rem;
        //     padding: 0.5rem;
        //     width: 2.5rem;
        //     text-align: right;
        //     border: 1px solid $themeColor;
        // }
        // .back {
        //     &.focus {
        //         top: 0;
        //     }
        //     @include comic(0.3);
        //     position: absolute;
        //     height: 100%;
        //     top: 150%;
        //     line-height: 4rem;
        //     color: $cyan;
        //     padding: 0 0.5rem;
        //     left: 0;
        // }
    }
}
.tagbox {
    width: 100%;
    padding-top: 1.5rem;
    @include newLine;
    .tag {
        padding: 0.3rem 0.5rem;
        background-color: $themeColor;
        color: $fontColor;
        display: inline-block;
        margin: 0.3rem 0.4rem;
        border-radius: 2px;
        box-shadow: 0 1px 6px 0 rgba($gray, 0.6);
    }
}
.menubox {
    position: fixed;
    top: 3rem;
    left: 0;
    width: 96%;
    height: 3rem;
    line-height: 3rem;
    padding: 0 2%;
    background-color: rgba($gray, 0.2);
    .mleft {
        font-size: 16px;
        display: inline-block;
        vertical-align: top;
        width: 50%;
    }
    .mright {
        width: 50%;
        text-align: right;
        display: inline-block;
        vertical-align: top;
        .btn {
            border: 0;
            padding: 0.4rem 0.8rem;
            color: $fontColor;
            background-color: $themeColor;
            outline: none;
        }
    }
}
._cart {
    margin-top: 3rem;
    .cartbox {
        padding: 10px 10px;
        background-color: rgba($white, 0.5);
        z-index: 997;
    }
    ._cart_item {
        border-bottom: 1px solid $themeColor;
        width: 100%;
        padding: 1rem 0;
        .ileft {
            display: inline-block;
            vertical-align: top;
            width: 20%;
            text-align: center;
            img {
                width: 60px;
                height: 60px;
            }
        }
        .imedium {
            display: inline-block;
            width: 54%;
            margin: 0 3%;
            vertical-align: top;
            line-height: 20px;
            .name {
                color: $black;
                @include Line(2);
                height: 40px;
            }
            .info {
                color: $silver;
            }
        }
        .iright {
            display: inline-block;
            width: 20%;
            text-align: center;
            vertical-align: top;
            line-height: 20px;
            overflow: hidden;
            @include breakLine;
            ._price {
                margin-left: 0;
                width: 100%;
                display: inline-block;
                @include comic(0.2);
                &.focus {
                    margin-left: -100%;
                }
                .price {
                    color: $red;
                }
            }
            ._num {
                display: inline-block;
                width: 100%;
                vertical-align: top;
                .btn {
                    display: block;
                    border: 0;
                    height: 20px;
                    padding: 0;
                    background-color: $themeColor;
                    width: 60px;
                    outline: none;
                    color: $fontColor;
                    margin-bottom: 10px;
                }
                .num {
                    width: 50px;
                    padding: 0 3px;
                    height: 18px;
                    text-align: center;
                    outline: none;
                }
            }
        }
    }
    .floatcount {
        position: fixed;
        z-index: 998;
        bottom: 0;
        left: 0;
        background-color: $white;
        width: 96%;
        padding: 1.5rem 2%;
        text-align: center;
        box-shadow: 0 0 10px 1px rgba($gray, 0.4);
        .dem {
            display: inline-block;
            width: 1.5rem;
        }
    }
}
._storeinfo {
    width: 100%;
    padding: 1.5rem 0;
    .logobox {
        width: 100%;
        img {
            padding: 5px;
            background-color: $white;
            height: 115px;
            display: block;
            margin: 0 auto;
            box-shadow: 0 0 10px 1px rgba($gray, 0.3);
        }
    }
    .infobox {
        margin-top: 2.5rem;
        width: 92%;
        padding: 0.5rem 4%;
        box-shadow: 0 0 10px 1px rgba($gray, 0.4);
        background-color: rgba($white, 0.5);
        .item {
            line-height: 20px;
            padding: 1rem 0;
            border-bottom: 1px solid rgba($gray, 0.3);
            &.last {
                border-bottom: 0;
            }
            .ititle {
                display: inline-block;
                vertical-align: top;
                width: 30%;
                text-align: right;
            }
            .info {
                display: inline-block;
                vertical-align: top;
                width: 70%;
            }
            .map {
                width: 100%;
                margin-top: 1.5rem;
                box-shadow: 0 0 10px 1px rgba($gray, 0.3);
            }
        }
    }
}
.sign {
    @include breakLine;
    width: 100%;
}
.sign_in {
    overflow: hidden;
    display: inline-block;
    position: relative;
    vertical-align: top;
    box-shadow: 0 1px 6px 1px rgba($black, 0.3);
    width: 96%;
    margin-top: 1.5rem;
    min-height: 5rem;
    margin-left: 2%;
    margin-right: 10%;
    background-color: $white;
    @include comic(0.2);
    &.focus {
        margin-left: -106%;
    }
    a {
        text-shadow: 0 1px 5px black;
        color: $fontColor;
    }
    .inputform {
        min-height: 2rem;
        position: relative;
        width: 90%;
        padding: 2.5rem 5% 2rem 5%;
        height: 202px;
        overflow: hidden;
        @include breakLine;
        @include comic(0.2);
        &.focus {
            height: 288px;
            .inbox {
                margin-left: -120%;
            }
        }
        .inbox, .upbox {
            @include comic(0.3);
            margin-left: 0;
            margin-right: 20%;
            display: inline-block;
            vertical-align: top;
            width: 100%;
        }
        .checkcode {
            margin-top: -20px;
            display: block;
            color: $themeColor;
            text-shadow: 0 1px 2px;
            &.focus {
                color: $gray;
            }
        }
    }
    .readbox {
        position: relative;
        min-height: 3rem;
        background-color: $themeColor;
        padding: 2rem 5%;
        line-height: 2rem;
        font-size: 15px;
        .btn {
            right: 0;
            border-radius: 50%;
            width: 4rem;
            height: 4rem;
            background-color: $btnHover;
            border: 0;
            padding: 0;
            color: $fontColor;
            position: absolute;
            z-index: 998;
        }
        div.btn {
            box-shadow: 0 5px 15px 1px rgba($black, 0.8)!important;
            right: 1rem;
            top: -2rem;
            @include comic(0.3);
            &.focus {
                top: 18rem;
            }
        }
    }
}
._pay {
    width: 96%;
    padding: 1.5rem 2%;
    overflow: hidden;
    @include breakLine;
    .order {
        width: 100%;
        margin-right: 10%;
        margin-left: 0;
        display: inline-block;
        vertical-align: top;
        @include comic(0.3);
        &.focus {
            margin-left: -110%;
        }
        .item {
            .ititle {
                color: $black;
                font-size: 15px;
            }
            .iinfo {
                .pay-type-wrap {
                    overflow: hidden;
                    position: relative;
                    width: 96%;
                    height: 25px;
                    margin: 0.5rem 0;
                    display: block;
                    border: 0;
                    background-color: rgba(0, 0, 0, 0);
                    padding: 0;
                    text-align: left;
                    line-height: 0;
                    &.checked{
                        background-color: rgba($silver, 0.3);
                        span {
                            right: -30%;
                        }
                    }
                }
                .pay-type {
                    width: 100%;
                    height: 100%;
                    display: block;
                    position: absolute;
                    // background-color: rgba($silver,0.3);
                    background-color: rgba($white, 0);
                    @include comic(0.2);
                    padding: 0 2%;
                    @include breakLine();
                    span {
                        display: inline-block;
                        width: 100%;
                        position: absolute;
                        // right: -30%;
                        right: -150%;
                        @include comic(0.3);
                    }
                }
                .radio {
                    // visibility: hidden;
                    // opacity: 0;
                    display: block;
                    position: absolute;
                    background-color: $white;
                    width: 100%;
                    height: 22px;
                    top: 0;
                    z-index: 3;
                }
                .radio:checked + .pay-type {
                    background-color: rgba($silver, 0.3);
                    span {
                        right: -30%;
                    }
                }
            }
        }
    }
    .L-input {
        margin-bottom: 40px;
        inputPlaceholder {
            top: -2px;
            font-size: 14px;
        }
        input:focus, input.focus {
            outline: none;
            box-shadow: none;
            + inputPlaceholder {
                color: $black;
                font-size: 16px !important;
                font-weight: 300;
                top: -22px;
                -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
                -moz-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
                -o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
                transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
            }
        }
        input:not(:focus):valid + inputPlaceholder {
            color: #808080;
            font-size: 14px !important;
            font-weight: 300;
            top: -22px;
            transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        }
    }
    .address {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        .addr {
            padding: 0.5rem 0.3rem;
            margin: 1rem 0;
            background-color: rgba($themeColor, 0.6);
            line-height: 20px;
            border-radius: 2px;
            box-shadow: 0 1px 6px 0 rgba($gray, 0.5);
            @include newLine;
            color: $fontColor;
            margin: 0.6rem;
            &.focus {
                background-color: rgba($btnHover, 0.6);
            }
        }
        .add_info {
            height: 0;
            margin-top: 1rem;
            background-color: rgba($white, 0.6);
            width: 94%;
            padding: 0 3%;
            overflow: hidden;
            @include comic(0.2);
            &.focus {
                padding: 1rem 3%;
                height: 274px;
            }
            select {
                margin: 0 1rem 1rem 0;
            }
        }
    }
}
.topay {
    width: 100%;
    padding: 1.5rem 0;
    background-color: $white;
    // position: fixed;
    min-height: 2rem;
    // z-index: 994;
    // margin-bottom: 0;
    box-shadow: 0 0 10px 0 rgba($gray, 0.7);
    text-align: center;
    // @include comic(0.3);
    // &.focus {
    //     margin-bottom: 40%;
    // }
    div {
        display: inline-block;
    }
    .cover {
        position: fixed;
        width: 100%;
        height: 0;
        background-color: rgba($red, 0);
        top: 50%;
        left: 0;
        z-index: 995;
        overflow: hidden;
        @include comic(0.15);
        &.focus {
            background-color: rgba($black, 0.9);
            height: 100%;
            top: 0;
        }
    }
    button {
        border: 0;
        padding: 0.3rem 0.8rem;
        outline: none;
        background-color: $themeColor;
        color: $fontColor;
        margin: 0.3rem;
        box-shadow: 0 0 10px 1px rgba($black, 0.4);
    }
    .alipayform {
        z-index: 996;
        position: fixed;
        top: 30%;
        left: 0;
        width: 0;
        height: 0;
        overflow: hidden;
        text-align: center;
        @include comic(0.15);
        &.focus {
            width: 100%;
            height: 180px;
        }
        .formtitle {
            width: 100%;
            color: $white;
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 2rem;
        }
        .formitem {
            color: $white;
            width: 100%;
            padding: 1rem 0;
            form {
                display: inline-block;
            }
            input[type='submit'], .cancel {
                border: 0;
                padding: 0.3rem 0.6rem;
                background-color: $themeColor;
                box-shadow: 0 0 10px 0 $black;
                color: $fontColor;
                display: inline-block;
                margin: 0 1.5rem;
            }
        }
    }
}
.goodscontent {
    padding: 0.8rem 2% 4rem 2%;
    text-align: center;
    position: fixed;
    z-index: 1005;
    top: 150%;
    left: 0;
    width: 100%;
    height: 0;
    overflow-y: scroll;
    background-color: $white;
    @include newLine;
    @include comic(0.3);
    &.focus {
        top: 0;
        height: 100%;
    }
    .back {
        text-align: left;
    }
    p {
        text-align: left;
        line-height: 1.5rem;
        margin: 0.5rem 0;
        vertical-align: top;
    }
    img {
        max-width: 85%;
        margin: 0.5rem auto;
        display: inline-block;
    }
    table {
        max-width: 85%;
        border: 0;
        margin: 0.5rem auto;
        border-collapse: collapse;
        box-shadow: 0 1px 6px 0 rgba($grayLight, 0.5);
        td {
            border: 1px solid rgba($grayLight, 0.6);
            padding: 0.5rem;
        }
    }
    embed {
        display: block;
        max-width: 85%;
        margin: 0.5rem auto;
        box-shadow: 0 1px 8px 0 rgba($grayLight, 0.6);
    }
}
.checkAdd {
    position: fixed;
    z-index: 1007;
    width: 100%;
    height: 100%;
    top: 0;
    left: 150%;
    background-color: rgba($white, 0.8);
    @include comic(0.3);
    text-align: center;
    padding-top: 50%;
    color: $black;
    &.focus {
        left: 0;
    }
    div {
        margin: 0.5rem auto;
        button {
            border: 0;
            background-color: $white;
            border-radius: 2px;
            box-shadow: 0 1px 8px 0 #c0c0c0;
            padding: 0.5rem 0.8rem;
            margin: 0.3rem 0.8rem;
        }
    }
}
.blockbottom {
    height: 80px;
}
.bottom {
    margin-top: 3.5rem;
    margin-bottom: 2.5rem;
    padding: 0.5rem 1.5%;
    text-align: center;
    a {
        color: $themeColor !important;
    }
    hr {
        clear: both;
        border: 0;
        width: 100%;
        height: 1px;
        margin-top: 10px;
        margin-bottom: 10px;
        background-color: $themeColor;
    }
}
.btn {
    padding: 0.3rem 1rem;
    border: 0;
    background-color: $themeColor;
    outline: none;
    color: $fontColor;
    &.disabled {
        background-color: $btnHover;
    }
}
div.btn {
    padding: 0;
}

.help{
    width: 96%;
    padding: 0 2%;
    margin-bottom: 3rem;
    margin-top: 1rem;
    .title{
        color: #f60;
        font-size: 18px;
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 0.3rem;
        margin-bottom: 0.3rem;
    }
    .helpimg{
        width: 100%;
    }
    p{
        text-indent:2em;
        line-height: 18px;
        @include newLine();
        margin-bottom: 1rem;
    }
    table{
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        box-shadow: 0 1px 8px #999;
        border-radius: 2px;
        overflow: hidden;
        margin-top: 1.5rem;
        thead{
            td{
                background-color: #f0f0f0;  
                padding: 0.5rem;
            }
        }
        td{
            padding: 0.3rem;
        }
    }
}